AboutWindow = function() {
	var aboutGraphic = new Ext.Panel({
		width: 500,
		height: 200,
		id: 'aboutGraphic'
	});
	
	
	var version = ExtBIND.App.getVersion();
	var aboutInfo = new Ext.Panel({
		width: 500,
		height: 150,
		id: 'aboutInfo',
		html: "<h1>ExtBIND</h1><h2>Version " + version + "</h2><p>&copy; 2008 ExtBIND. Licenced under the <a rel=\"external\" href=\"http://extbind.com/licence/\">GPLv3</a>.</p><p>Created by <a rel=\"external\" href=\"http://ramaboo.com/david/\">David Singer</a>.</p>"
	});
	
	AboutWindow.superclass.constructor.call(this, {
		title:'About ExtBIND',
		iconCls:'about-icon',
		width:514,
		resizable:true,
		modal: false,
		y: 100,
		id: 'aboutWindow',
		autoScroll: true,
		closeAction: 'close',
		buttons:[{
			text: 'Ok',
			handler: this.close,
			scope: this
		}],
		
		items: [aboutGraphic, aboutInfo],
		focus: function() {
			// set focus if you need to
		}
	});
}

Ext.extend(AboutWindow, Ext.Window, {
	show : function(){
		if(this.rendered){
			// do something if you want
		}
		
		if (Ext.get('aboutWindow')) {
			// window already exists
			return false;
		}
		
		AboutWindow.superclass.show.apply(this, arguments);
		
		// handle external links
		var links = Ext.select('a[rel="external"]');
		links.on('click', function() {window.open((this).href);}, null, {preventDefault: true});
	}
});